div
    #conditionContainer(style="padding:1rem 2rem 0.5rem 1rem;")
        .prj-section
            div.items-list
                span(style="font-weight:bold;margin-right:20px;font-size:1.1rem;")  {{conditionTitle}}
                .condition.item(data-ng-repeat="item in conditions",data-ng-click="removeCondition($index)")
                    span(data-ng-bind="item.text+'    '")
                    i.icon.close
                #addCondition.item.condition.active
                    i.icon.add
                .ui.flowing.popup
                    form.ui.form(style="width:300px;")
                        .grouped.fields
                            label(style="font-size:1rem;") 增加查询条件,单位厘米(cm)
                            .field.input-field
                                .horizontal-container
                                    .ui.radio.checkbox.checked(data-ng-click="setType('less')")
                                        input(type="radio",name="condition",value="less")
                                        label 小于
                                    input.int-input(type="number",data-ng-model="minItem.max")
                            .field.input-field
                                .horizontal-container
                                    .ui.radio.checkbox.checked(data-ng-click="setType('between')")
                                        input(type="radio",name="condition",value="between",checked="")
                                        label 介于
                                    input.int-input(type="number",data-ng-model="betweenItem.min")
                                    span.int-input -
                                    input.int-input(type="number",data-ng-model="betweenItem.max")
                            .field.input-field
                                .horizontal-container
                                    .ui.radio.checkbox.checked(data-ng-click="setType('more')")
                                        input(type="radio",name="condition",value="more")
                                        label 大于
                                    input.int-input(type="number",data-ng-model="maxItem.min")
                        .ui.button.red.submit.tiny(data-ng-click="addCondition()") 增加条件
                        br
                        br
                #queryBtn.ui.button.right.floated.blue.right.labeled.icon.floating.dropdown(data-ng-class="{'loading':!showTab}") 
                    span(class="text" data-ng-bind="allTimes[0].time||'2015-01-01'") 
                    i.ui.icon.dropdown
                    .scrolling.menu
                        .item(data-ng-repeat="item in allTimes",data-text="{{item.time}}",data-ng-class="{'active':item.active}",style="font-size:13px;",data-ng-click="query($index)")
                            i.icon.calendar
                            span(data-ng-bind="item.time")
    .divider
#tabContainer(data-ng-show="showTab",style="padding:1rem 2rem;")
    .ui.secondary.pointing.menu(style="border-bottom-width:1px;padding:0 2rem;")
        a.item.tab-item(data-ng-repeat="data in tabs",data-ng-class="{'active':$index===0}",data-tab="{{'tab'+$index}}",data-ng-bind="data.title")
    .ui.bottom.attached.tab.tab-pane(data-ng-repeat="data in tabs",data-tab="{{'tab'+$index}}",data-ng-class="{'active':$index===0}")
        //chart在这里
        div(id="{{'chart'+$index}}",style="min-height:300px;")
        .divider
        br
        //表格在这里
        table.ui.table.small.stastic-table.celled
            thead
                tr
                    th.first.center.aligned(data-ng-bind="data.title")
                    th.center.aligned  个数
                    th.center.aligned  比例
            tbody.one-body
                tr(data-ng-repeat="p in datas[$index].datas")
                    td.first.center.aligned {{p.text}}
                    td.center.aligned(style="color:#2976DB") {{p.count}}
                    td.center.aligned {{p.ratio}}
                    
            